<div class="sidebar responsive" id="sidebar">
  <script type="text/javascript">
      try {
          ace.settings.check('sidebar', 'fixed')
      } catch (e) {
      }
      $(function () {
          $("#sidebar").addClass("sidebar-colexp");
          $("#sidebar").css({"max-height": $(window).height() - 80});
      });

      $(window).resize(function () {
          $("#sidebar").addClass("sidebar-colexp");
          $("#sidebar").css({"max-height": $(window).height() - 80});
      });
  </script>
  <ul class="nav nav-list" id="sidebar_container">
    <li id="sidebar_home">
      <a href="javascript:openPerson();">
        <i class="menu-icon fa fa-tachometer"></i>
        <span class="menu-text"> 欢迎 ${userInfo.username}  </span>
      </a>
    </li>
    ${menuInfo}
  </ul>
  <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
    <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left"
       data-icon2="ace-icon fa fa-angle-double-right"></i>
  </div>
</div>
